@charset "utf-8";
$font-size:12;/**********变量元素*********/
@function bgg($px){/************函数样式************/
    @return $px/$font-size*(640/640)*1rem;
}
html{/**************html根字体大小**************/
    font-size: $font-size*1px;
}


/***********这里是页面*********/
.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: rgba(0,0,0,0.7);
    header{/***********头部样式************/
//      width: 100%;
//      height: bgg(88);
//      background: rgba(0,0,0,0.7);
//      display: inline-block;
//      font-size: 0;
//      .search_box{
//          position: relative;
//          .yuan{
//              width: bgg(50);
//              height: bgg(50);
//              background: #b60005;
//              border-radius: 50%;
//              margin-top: bgg(18);
//              margin-left: bgg(12);
//          }
//          .font{
//              font-size: bgg(40);
//              color: #ffffff;
//              position: absolute;
//              top: bgg(3);
//              left: bgg(18);
//          }
//          input{
//              width: bgg(480);
//              height: bgg(52);
//              border: bgg(2) solid #ffffff;
//              color: #ffffff;
//              font-size: bgg(26.89);
//              background: #1f1f1f;
//              border-radius: bgg(52);
//              float: right;
//              line-height: bgg(52);
//              padding-left: bgg(70);
//              padding-right: bgg(70);
//              box-sizing: border-box;
//              word-break: break-all;
//              margin-top: bgg(-51);
//              margin-right: bgg(21);
//          }
//          .search{
//              font-size: bgg(35);
//              color: #ffffff;
//              position: absolute;
//              top: bgg(2);
//              left: bgg(150);
//          }
//      }
    }
    section{/**********这里是内容样式**********/
        width: 100%;
//      height: 100%;
//      margin-bottom: bgg(322);
//      background: rgba(0,0,0,0.7);
//      display: inline-block;
        font-size: 0;
        .search_box{
            position: relative;
            .yuan{
                width: bgg(50);
                height: bgg(50);
                background: #b60005;
                border-radius: 50%;
                margin-top: bgg(18);
                margin-left: bgg(12);
                display: inline-block;
            }
            .font{
                font-size: bgg(40);
                color: #ffffff;
                position: absolute;
                top: bgg(19);
                left: bgg(18);
            }
            input{
                width: bgg(480);
                height: bgg(52);
                border: bgg(2) solid #ffffff;
                color: #ffffff;
                font-size: bgg(26.89);
                background: #1f1f1f;
                border-radius: bgg(52);
                float: right;
                line-height: bgg(52);
                padding-left: bgg(70);
                padding-right: bgg(70);
                box-sizing: border-box;
                word-break: break-all;
                margin-top: bgg(15);
                margin-right: bgg(21);
            }
            .search{
                font-size: bgg(35);
                color: #ffffff;
                position: absolute;
                top: bgg(17);
                left: bgg(150);
            }
        }
        .header{
//          margin: 0 auto;
            text-align: center;
            margin-top: bgg(15);
            .header_xian{
                border: bgg(1) solid #818181;
                width: 95%;
                display: inline-block;
                opacity: 0.5;
            }
        }
        .section_top{
//          margin: 0 auto;
            text-align: center;
            .lianxi{
                text-decoration: none;
//              .img{
//                  width: bgg(149);
//                  height: bgg(148);
//                  margin-top: bgg(95);
//                  border-radius: 50%;
//              }
                p{
                    color: #fefdfb;
                    font-size: bgg(30);
                    margin-top: bgg(22);
                }
            }
            .img{
                
                margin: 0 auto;
                border-radius: 50%;
                img{
                    width: bgg(149);
                    height: bgg(148);
//                  display: block;
                    margin-top: bgg(90);
                    border-radius: 50%;
                    display: inline-block;
                }
            }
            .password{
                a{
                    color: #303030;
                    font-size: bgg(25);
                    margin-top: bgg(5);
                    text-decoration: underline;
                    display: inline-block;
                }
            }
        }
        .tiaozhuang{
            width: 100%;
            height: bgg(30);
            background: #303030;
            margin-top: bgg(66);
        }
        .section_bot{
            width: 90.625%;
            height: 100%;
            display: block;
            margin: 0 auto;
            .gimc{
                a{
                    display: inline-block;
                    width: 100%;
                    height: bgg(105);
                    span{
                        color: #ffffff;
                        font-size: bgg(25);
                        margin-top: bgg(41);
                        display: inline-block;
                    }
                    .copy{
                        color: #ffffff;
                        font-size: bgg(24);
                        float: right;
                        margin-top: bgg(41);
                    }
                }
            }
            .xian{
                border-top: bgg(1) solid #373737;
                width: 100%;
            }
        }
    }
    footer{/*************这里是尾部样式*************/
//     width: 100%;
//     height: bgg(322);
//      margin-bottom: bgg(322);
//      background: rgba(0,0,0,0.6);
    }
}